@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body{font-size:14px; font-family:"微软雅黑";color:#666666;background:#fff}
a{ text-decoration:none}
a:hover{ text-decoration:underline}


.navi_head{
	height:80px;
	background:#fff;
	border-bottom:1px solid #e4e4e4;
	position: relative;
}
#nav_list{
	width:1000px;
	margin:0 auto;
	padding-left:230px;
	background:url(../images/logo.png) 0 10px no-repeat;
	}
.navi_body{
	overflow:hidden;
	height:80px;
	background:rgba(0, 181, 213,.95);
	transition:height ease 0.5s;
	position:absolute;
	z-index:100;
	width:100%;
	margin:0 auto;
	
}
.navi_body:hover{
	/*height:410px;*/
}

.navi_head>div>span{
	width:92px;
	text-align:center;
	/*height:410px;*/
	display:inline-block;
	font-weight:bold;
	color:#FFF;
	font-size:13px;
	vertical-align:top;
	cursor:pointer
}
.navi_head>div>span:hover .navi_title{color:#fff;background:#33afc5}

.navi_head>div>span>p a{
	color:#FFF;
	text-decoration:none;
	line-height:50px;
	display:block;
}
.navi_head>div>span>p a:hover{
	color:#FFF;
	 text-decoration:underline
}

.navi_title{
	font-size:14px;
	line-height:80px;
	margin-top:0;
	color:#444444;
}

.navi_head>div>span:hover{
	background:#00a0bc;
}
.complaint{
	background-color: #f9f9f9f5;
	padding-top: 1px;
}
*{-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}
  ul,li{ list-style: none;}


/* .ico{height:200px;width:100%;background:#eeeeee; } */
.ico{height:200px;width:100%;}


.icodiv{height:200px;width:1000px;margin:0 auto;}
/* .icodiv ul{padding-top:20px;display: flex; justify-content:space-between;} */
.icodiv ul{padding-top:20px;}
.icodiv li:first-child{margin-left: 0;}
.icodiv li:last-child{margin-right: 0;}
.icodiv li {  float: left;margin-left: 62px; width:150px;height:150px; list-style:none;color:#888888; cursor:pointer;text-align: center; background-color: #f9f9f9f5;border: 2px solid #e1dddd63;}
.icodiv li span{color:#ff4433;}
.icodiv li img{width: 100px; height: 100px;}

.copyright{height:70px;width:100%;background:#444444}
.copyright .copyrightdiv{width:1000px;margin:0 auto;padding-top:15px;color:#eeeeee;line-height:20px; font-size:12px;}
.copyright span{ float:right; display:block;line-height:36px;height:36px; }
.copyright span img{border:0;margin:0 5px; vertical-align:middle}
.clearfix{ clear:both}
.top{width:62px;height:62px; cursor:pointer; background:url(../images/top.png) no-repeat; position:fixed;right:10px;bottom:100px; z-index:11}


.marketing{background:#404850;height:430px;width:100%;}
.marketingdiv{width:999px;height:430px;margin:0 auto;}
.marketingdiv .leftmarket{width:480px; float:left; cursor:pointer}
.marketingdiv .leftmarket .tit{font-size:22px; text-align:center;color:#fff;line-height:28px;margin:30px 0 20px 0}
.marketingdiv .leftmarket .tit span{ display:block; font-size:14px;}
.marketingdiv .leftmarket .word{margin-top:20px;color:#cccccc; text-indent:2em;line-height:24px;}
.marketingdiv .rightmarket{width:480px; float:right; cursor:pointer}
.marketingdiv .rightmarket .tit{font-size:22px; text-align:center;color:#fff;line-height:28px;margin:30px 0 20px 0}
.marketingdiv .rightmarket .tit span{ display:block; font-size:14px;}
.marketingdiv .rightmarket .word{margin-top:20px;color:#cccccc; text-indent:2em;line-height:24px;}

/*add*/
.line{height:4px;}
.line .leftline{height:4px; float:left; width:26%;background:#48cfe5;}
.line .rightline{height:4px; float:right; width:74%; background:#ff6666}
.topbar{height:30px;line-height:30px;width:100%;border-bottom:1px solid #e4e4e4;background:#fcfcfc}
.topbardiv{width:1000px;margin:0 auto;line-height:30px; text-align:right; font-size:12px;}
.topbardiv a{color:#888888; text-decoration:none;margin:0 10px;}
.topbardiv a:hover{ text-decoration:underline; }
.topbardiv span{color:#ff6666;margin:0 2px;}
.videodiv{height:540px;width:100%;background:#0092b7 url(../images/videodiv.jpg) no-repeat center top;margin-bottom:100px;}
.videodiv  #video{ width:654px; overflow:hidden;margin:28px auto 0 auto; cursor:pointer}
video{width:100%}
.aboutus{position:absolute;left:366px;top:20px;width:120px;height:120px; cursor:pointer}
.pc{width:865px;margin:0 auto;height:456px; position:relative;}
.pcdiv{background:url(../images/pc.png) no-repeat;width:865px;height:456px; position:absolute;top:155px;left:0;}
.news{width:1000px;margin:30px auto 20px auto;height:250px;}
.news .notice{width:400px;height:240px;border:1px solid #e4e4e4; float:left;background:url(../images/notice.jpg) no-repeat;}
.news .notice li{background:url(../images/dota2.jpg) no-repeat 0 14px;}
.news .notice ul{margin:25px 20px 5px 80px;width:300px;height:170px;overflow:hidden}
.news .new{width:580px;height:240px;border:1px solid #e4e4e4; float:right;background:url(../images/new.jpg) no-repeat}
.news .new li{background:url(../images/dota3.jpg) no-repeat 0 14px;}
.news .new ul{margin:25px 20px 5px 80px;width:480px;height:170px;overflow:hidden}
.news li{line-height:34px;padding-left:20px;}
.news li span{ float:right;color:#aaaaaa}
.news .more{line-height:30px; text-align:right;padding-right:20px;}
.news a{ color:#444444;}

/* .boxtit{line-height:30px;margin:20px auto;height:30px;width:600px;background:url(../images/boxtit.png) no-repeat; text-align:center; font-size:24px;} */
.boxtit{line-height:30px;margin:20px auto;height:30px;width:616px; text-align:center; font-size:24px;position: relative;}
.boxtit-left{position: absolute; width: 674px;text-indent: -820px;overflow: hidden;bottom: -7px;}
	
.boxtit-right{text-indent: 387px; width: 642px; overflow: hidden;position: absolute;}

.linemore{height:110px;width:850px; margin:0 auto;background:url(../images/linemore.jpg) no-repeat}

.man{width:1000px;height:180px;margin:0 auto;}
.man .headdiv{width:250px; float:left;height:180px;padding-top:20px; text-align:center;line-height:30px;}

/*修改*/
.notice{ height:30px; line-height:30px; background:#fcfcfc; width:100%;border-bottom:1px solid #e4e4e4;}
.gonggao{
	width:1000px; text-align:left; height:30px; line-height:30px; margin:0 auto}
#scrollDiv{width:1000px; height:30px;line-height:30px; margin-top:0px; overflow:hidden}
#scrollDiv .tit{ float:left;width:100px; padding-left:25px;line-height:30px;background:url(../images/notice.png) no-repeat 0 5px;}
.gonggao .ad{ margin:0; padding:0;width:900px; float:right;}
.gonggao .ad li{padding-left:0px; list-style:none;  line-height:30px; height:30px;}
.gonggao .ad li a{ text-decoration:none; color:#444444; display:block; height:30px; line-height:30px;}
.gonggao .ad li a:hover{ text-decoration:underline; }

.topmaindiv{width:100%;height:540px;background:url(../images/bg.jpg) top center no-repeat;background-size: 100% 100%;}
.topmain{width:1000px;height:440px;margin:0 auto;position: relative;}
.topmain .left{position: absolute;left: -91px;top: 221px;}


.login{width:200px;height:440px;background:#000; float:left; overflow:hidden}
.new{position: absolute; top:-11px;right: -17px;}
.cli{position: relative; width:200px;height:60px;line-height:60px;color:#fff;background:#00a0bc url(../images/client_icon.png) no-repeat 24px 18px;font-size:17px;padding-left:60px; cursor:pointer}
.cli:hover{background:#009bb7 url(../images/client_icon.png) no-repeat 24px 18px;}
.per{width:200px;height:60px;line-height:60px;color:#fff;background:#1badc8 url(../images/per_icon.png) no-repeat 24px 18px;font-size:17px;padding-left:60px; cursor:pointer}
.per:hover{background:#008fa9 url(../images/per_icon.png) no-repeat 24px 18px;}
.ent{width:200px;height:60px;line-height:60px;color:#fff;background:#1db8d4 url(../images/ent_icon.png) no-repeat 24px 18px;font-size:17px;padding-left:60px; cursor:pointer}
.ent:hover{background:#009bb7 url(../images/ent_icon.png) no-repeat 24px 18px;}
.and{width:200px;height:200px;line-height:60px;color:#fff;background:#48cfe6 url(../images/ad_icon.png) no-repeat 24px 18px;font-size:17px;padding-left:60px; cursor:pointer}
.ios{width:200px;height:200px;line-height:60px;color:#fff;background:#89e4f3 url(../images/ios_icon.png) no-repeat 24px 18px;font-size:17px;padding-left:60px; cursor:pointer}
.login img{ position:relative;left:-20px;top:0;}
.banner{width:800px; float:right;height:440px;background:#000}


.lubo{width:800px;clear: both; position: relative; height:440px;}
  .lubo_box{ position: relative; width: 100%; height:440px; }
  .lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:440px; opacity: 1;display:none;filter:alpha(opacity=0);}
	.lubo .lubo_box>:first-child{display: block;}
  .lubo_box li a{ display: block;width: 100%;  height: 100%;}

  .lubo_box li img{ width: 100%; height: 440px;}

  /*圆点*/
  .cir_box{ overflow: hidden; position: absolute; z-index: 100;}
  .cir_box li{ float: left; width: 40px; height: 5px; margin:0 5px; cursor: pointer; background: #fff;}
  .cir_on{ background: #00b5d5!important;}

  /*按钮*/
  .lubo_btn{  width: 100%;position: absolute; top: 180px;}
  .left_btn, .right_btn{ width: 40px; height: 80px; cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position: absolute;}
  .left_btn{ top:45%;left:0; background:url(../images/left.png) no-repeat;}
  .right_btn{right:0;top:45%; background:url(../images/right.png) no-repeat}
  
  /* .box{width:100%;height:630px;background: #f4f4f4!important;} */
  .box{width:100%;height:630px;}
.boxdiv{position:absolute;width:100%; z-index:5px;height:630px}
.boxmore{width:999px; margin:0 auto; position:relative;height:570px;}
.box1{ position:absolute;top:-80px;left:0;width:333px;height:170px;background:#00b5d5;padding:30px;color:#eeeeee;line-height:20px; font-size:12px; cursor:pointer}
.box1:hover{background:#009bb6;}
.box2{position:absolute;top:-80px;left:333px;width:333px;height:170px;background:#555555;padding:30px;color:#eeeeee;line-height:20px; font-size:12px; cursor:pointer}
.box2:hover{background:#444444}
.box3{position:absolute;top:-80px;left:666px;width:333px;height:170px;background:#00b5d5;padding:30px;color:#eeeeee;line-height:20px; font-size:12px; cursor:pointer}
.box3:hover{background:#009bb6}
.box4{position:absolute;top:90px;left:0px;width:333px;height:170px;background:#555555;padding:30px;color:#eeeeee;line-height:20px; font-size:12px; cursor:pointer}
.box4:hover{background:#444444}
.box5{ position:absolute;top:260px;left:0px;width:333px;height:170px;background:#00b5d5;padding:30px;color:#eeeeee;line-height:20px; font-size:12px; cursor:pointer}
.box5:hover{background:#009bb6}
.box6{position:absolute;top:430px;left:0px;width:333px;height:170px;background:#555555;padding:30px;color:#eeeeee;line-height:20px; font-size:12px; cursor:pointer}
.box6:hover{background:#444444}
.box7{position:absolute;bottom:-30px;left:333px;width:666px;height:510px;padding:0px;color:#eeeeee; font-size:12px;}

.box1 .tit,.box2 .tit,.box3 .tit,.box4 .tit,.box5 .tit,.box6 .tit{font-size:30px; font-weight:bold; text-align:center;line-height:30px;height:75px;color:#fff;}
.box1 .tit span,.box2 .tit span,.box3 .tit span,.box4 .tit span,.box5 .tit span,.box6 .tit span{font-size:18px; text-align:center;line-height:40px;height:40px; display:block;color:#fff; display:block; font-weight:normal}
.box7 .tit{font-size:20px; text-align:center;line-height:100px;height:100px;color:#fff;margin-top:70px;}
.img1{background:url(../images/img1.jpg) no-repeat;width:100%;height:100%;overflow:hidden;}
.img2{background:url(../images/img2.jpg) no-repeat;width:100%;height:100%;overflow:hidden; display:none;}
.img3{background:url(../images/img3.jpg) no-repeat;width:100%;height:100%;overflow:hidden; display:none;}
.img4{background:url(../images/img4.jpg) no-repeat;width:100%;height:100%;overflow:hidden; display:none;}
.img5{background:url(../images/img5.jpg) no-repeat;width:100%;height:100%;overflow:hidden; display:none;}
.img6{background:url(../images/img6.jpg) no-repeat;width:100%;height:100%;overflow:hidden; display:none;}
.img7{width:100%;height:100%;overflow:hidden;}
.img1 ul,.img2 ul,.img3 ul,.img4 ul,.img5 ul,.img6 ul{margin:0 auto;width:360px}
.img1 ul li,.img2 ul li,.img3 ul li,.img4 ul li,.img5 ul li,.img6 ul li{ float:left; text-align:left;padding-left:50px;width:180px;height:60px;line-height:60px;color:#fff;color:#fff; font-size:18px; list-style:none;background:url(../images/dot.png) no-repeat 20px 23px}
.img1 ul li a,.img2 ul li a,.img3 ul li a,.img4 ul li a,.img5 ul li a,.img6 ul li a{height:50px;line-height:50px;color:#fff;color:#fff; font-size:18px; text-decoration:none}
.boxmore ul li a:hover{ text-decoration:underline}

.deposit_insurance{
	position: absolute;
	right: 0;
	top: 0;
	width: 130px;
	height: 79px;
}

.deposit_insurance img{
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/* 投诉 */
.templates .ul{
	height: 70px;
    width: 903px;
    flex-wrap: wrap;
    margin: 0px auto;
}

.templates .ul li{
	float: left;
    margin: 10px 0;
    padding-left: 60px;
    width: 437px;
}

.templates .ul li span{
	float: left;
	width: 80px;
    text-align: start;
}
.templates .ul li p {
    text-align: start;
}
.gotemplates{
	clear: both;
	text-align: center;
	margin: 20px;
}
.gotemplates a{
	cursor: pointer;
	text-decoration : none;
	font-size: 17px;
}
.gotemplates a:hover{
	color: #c00;
}
/* 投诉流程 */

.template-img{
	text-align: center;
}
.template-img #img{
	display: block;
	width: 700px;
}
.template-img #imgmax{
	display: none;
	width: 100%;
}

/* 金融知识---询证函 */
.section{
	text-indent: 2em;
	line-height: 45px;
	letter-spacing: 1px;
}
.section-top{
	font-size: 16px;
    font-weight: 700;
	text-align: start;
	color: #000;
}

.section-mid{
	font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #ffb340;
    margin: 8px;
	letter-spacing: 4px
}
.section-end{
	font-size: 16px;
    font-weight: 700;
	text-indent: 2em;
	color: #000;
}
.section text{
    font-size: 16px;
    color: #000;
}
.section-img{
	text-align: center;
}
.end{
	/* text-align: end; */
	margin-left: 884px;
	margin-top: 40px;
}
.end2{
	/* text-align: end; */
	margin-left: 753px;
	margin-top: 40px;
}
.template .end li {
	list-style: none;
    height: 30px;
    padding: 0 0 0 50px;
    cursor: pointer;
    color: #666666;
    margin:0;
}
.template .end2 li {
	list-style: none;
    height: 30px;
    padding: 0 0 0 50px;
    cursor: pointer;
    color: #666666;
    margin:0;
}
.template .li-height40 li{
	height: 30px;
}
.tablelist{
	padding-left: 25px;
}